<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="format-detection" content="telephone=no">
    <title>Document</title>
    <script type="text/javascript" src="js/index.js"></script>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/czzn.css">

</head>

<body>
    <header>
        <i class="backArrow"></i> 保拍网
    </header>
    <div class="aside-box">
        <ul class="aside-nav">
            <li class="aside-list aside-list-active">用户注册</li>
            <li class="aside-list">用户登入</li>
            <li class="aside-list">忘记密码</li>
            <li class="aside-list">拍卖委托</li>
            <li class="aside-list">保证金支付</li>
        </ul>
    </div>
    <div class="main">

        <div class="info-con">
            <div class="type-box0">
                <div class="step-box">
                    <p class="tit">1.打开微信客户端,进入保拍网首页，点击“我”进行注册；</p>
                    <img class="stepImg" src="images/banner.jpg" alt="">
                </div>
                <div class="step-box">
                    <p class="tit">2.进入注册页面，填写注册信息，点击“立即注册”</p>
                    <img class="stepImg" src="images/banner.jpg" alt="">
                </div>
            </div>
            <div class="type-box1" style="display:none; font-size:0.26rem;">
                1--NONONONO
            </div>
            <div class="type-box2" style="display:none; font-size:0.26rem;">
                2--NONONONO
            </div>
            <div class="type-box3" style="display:none; font-size:0.26rem;">
                3--NONONONO
            </div>
            <div class="type-box4" style="display:none; font-size:0.26rem;">
                4--NONONONO
            </div>
        </div>
    </div>

    <script>
        $(function () {
            $(".aside-list").click(function () {
                var idx = $(this).index();
                $(this).addClass("aside-list-active").siblings().removeClass("aside-list-active");
                $("div[class^='type-box']").hide();
                $(".type-box" + idx).show();
            })
        })
    </script>
</body>

</html>